<template>
	<div>
		<ul class="dynews">
			<li v-for="item in datalist" :key="item.id">
				<p><span>{{item.title}}</span><span>阅读次数：{{item.count}}</span></p>
				
				<p>{{item.rtext}}</p>
			</li>
			
		</ul>
	</div>
</template>

<script>
	export default{
		name:'articleComponent',
		props:{
			datalist: Array
		
		
		}
	}
</script>

<style scoped="scoped" lang="less">

			.dynews {	
				
				 li {
					line-height: 45px;
					background-repeat: no-repeat;
					background-position: 0 center;
					padding-left: 10px;
				    display: flex;
					justify-content: space-between;
					background-image: url(../assets/images/BluelistStyle.jpg);
					border-bottom: 1px solid #efefef;
					p:first-child {
						display: flex;
						line-height: 45px;
						color: #606266;;
						span:last-child{
							color:#ccc;
							margin-left: 10px;
						}
					  
						
					}
					p:last-child {
						line-height: 45px;
						
						color:#ccc;
					}
				}
			}
			.dynews:after {
				content: '';
				display: block;
				clear: both;
			}
</style>
